<template>
    <div class="contact" style="height: 800px">
      <div class="wrap clearfix">
        <address-info class="address-info"></address-info>

        <div class="form-wrap">
          <write-form></write-form>
        </div>
      </div>
    </div>
</template>

<script type="text/ecmascript-6">
  import AddressInfo from 'base/Address/Address'
  import WriteForm from 'base/form/form'

    export default {
      components: {
        AddressInfo,
        WriteForm
      }
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~@/common/stylus/variable.styl"
  @import "~@/common/stylus/mixin.styl"

  .contact
    background: url('./contact-bg.png') no-repeat center center
    background-size: cover
    overflow: hidden;
    .address-info
      width: 45%
      margin-top: 108px
    .form-wrap
      ltposition(45%, 0px)
      width: 50%
</style>
